@import "variables";

.ceiling nav {
  position: fixed;
  top: 0;
  left: 0px;
  z-index: 5;
  width: 100%;
}

nav {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

videos {
  div.nav {
    // height: pxTorem(165px);
  }
  nav {
    overflow-x: auto;
    white-space: nowrap;
    padding: pxTorem(20) pxTorem(10);
    // height: pxTorem(165px);
    @include font-dpr(28px);
    color: color($h5, c3);
    background-color: #fff;
    -webkit-overflow-scrolling: auto;
    &::-webkit-scrollbar {
      display: none;
    }
    .content {
      display: inline-block;
      text-align: center;
      padding: 0 pxTorem(40);
      .icon {
        display: block;
        width: pxTorem(56);
        height: pxTorem(56);
        margin: 0 auto pxTorem(10) auto;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
      }
    }
  }
}
